<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="icon" href="images/car-icon.jpg"/>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="keywords" content="共享车位 共享经济 蜗牛 sharesparksapce park"/>
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
			}, false);
		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<script src="js/jquery-1.11.1.min.js"></script>
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
</head>
<body>
	<!-- 轮播图片 -->
	<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000" data-pause="hover" >
		<!-- 轮播指标 -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active" ></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
			<li data-target="#myCarousel" data-slide-to="2"></li>
		</ol>
		<!-- 轮播项目 -->
		<div class="carousel-inner">
			<div class="item active item1">
				<img src="images/parkspace1.jpg" alt="First slide">
			</div>
			<div class="item item2">
				<img src="images/parkspace2.jpg" alt="Second slide">
			</div>
			<div class="item item3">
				<img src="images/parkspace3.jpg" alt="Third slide">
			</div>
		</div>
		<!-- 轮播导航 -->
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev" >
			<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div>
		<!--features-->
		<div class="feature">
			<div class="container">
				<h3>蜗牛共享车位</h3>
				<div class="feature-grids">
					<div class="col-md-3 feature-grid">
						<div class="feature-icon">
							<span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
						</div>
						<h4>入驻免费</h4>
						<p>入驻完全免费，0门槛</p>
					</div>
					<div class="col-md-3 feature-grid">
						<div class="feature-icon">
							<span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span>
						</div>
						<h4>使用便捷</h4>
						<p>1分钟上手操作，无障碍使用</p>
					</div>
					<div class="col-md-3 feature-grid">
						<div class="feature-icon">
							<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
						</div>
						<h4>极速查车位</h4>
						<p>即刻查询附近车位，闪电预定车位</p>
					</div>
					<div class="col-md-3 feature-grid">
						<div class="feature-icon">
							<span class="glyphicon glyphicon-record" aria-hidden="true"></span>
					</div>
						<h4>商户可靠</h4>
						<p>超500名业主和30个正规小区入驻，您的信任是我们运营持久的最大动力！</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!--testimonials-->
		<div class="testimonials">
			<div class="container">
				<h3>平台技术</h3>
				<div class="slider">
					<div class="callbacks_container">
						<ul class="rslides" id="slider">
							<li>	          
								<p>撮合业主与用户之间车位共享（临时租赁，1天起租）</p>
								<h4><a href="#">租户与租客</a></h4>
							</li>
							<li>	          
								<p>与物业管理系统进行接口通信，确保用户可以在入库时顺利抬杆</p>
								<h4><a href="#">物业方</a></h4>
							</li>
							<li>	          
								<p>物业和业主都可以分享收入，用户也可以节约停车费和寻找车位的时间。</p>
								<h4><a href="#">收益双赢</a></h4>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 底部信息 -->
	`	<div class="specials-section">
			<div class="container">
				<div class="specials-grids">
					<div class="col-md-3 specials">
						<h3>技术亮点</h3>
						<ul>
							<li><a href="#">使用阿里云短信服务通知，1s通知到用户</a></li>
							<li><a href="#">接入支付宝控件，支付便捷</a></li>
							<li><a href="#">集成百度地图查询，定位精准</a></li>
							<li><a href="#">智能终端控制</a></li>
						</ul>
					</div>
					<div class="col-md-3 specials">
						<h3>产品优势</h3>
						<ul>
							<li><a href="#">多</a></li>
							<li><a href="#">快</a></li>
							<li><a href="#">好</a></li>
							<li><a href="#">省</a></li>
						</ul>
					</div>
					<div class="col-md-3 specials">
						<h3>合作企业</h3>
						<ul>
							<li><a href="#">阿里</a></li>
							<li><a href="#">百度</a></li>
							<li><a href="#">支付宝+</a></li>
							<li><a href="#">蜗牛</a></li>
						</ul>
					</div>
					<div class="col-md-3 specials">
						<h3>关于</h3>
						<p>&copy;版权所有； 2020.WoniuShareParkingSpace All rights reserved. 蜗牛学院保留所有权</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		</div>
		<!--footer-->
		<div class="footer-section">
			<div class="container">
				<div class="footer-top">
					<p>Copyright &copy;版权所有； 2020.WoniuShareParkingSpace All rights reserved. 蜗牛学院保留所有权 More Details at 更多内容在：<a href="http://www.woniuxy.com/" target="_blank" title="蜗牛学院">蜗牛学院</a></p>
				</div>
			</div>
		</div>
	<!--引入js文件-->
		<script src="js/responsiveslides.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script defer src="js/jquery.flexslider.js"></script>
		<script type="text/javascript">
			// $(function(){
			//   SyntaxHighlighter.all();
			// });
			$(window).load(function(){
				$('.flexslider').flexslider({
					animation: "slide",
					start: function(slider){
						$('body').removeClass('loading');
					}
				});
			});
			/*控制底部信息滑动*/
			$(function () {
				$("#slider").responsiveSlides({
					auto: true,
					nav: true,
					speed: 500,
					namespace: "callbacks",
					pager: true,
				});
			});
		</script>
	</body>
</html>
